<!DOCTYPE HTML>
<html>
 <head>
  <title>创建活动</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/page-min.css" rel="stylesheet" type="text/css" /> 
 </head>
 <body>
  
   
  <div class="container">
     
     <div class="row header">
      <p>创建活动</p>
      <span class="headBtn"><a  href="me-1-3.html">活动列表</a></span>
     </div>
      <form id="searchForm" class="form-horizontal span24">    	
        <div class="row fileborder"> 
        	<div class="row myheader01">
				     <p>活动对象</p>
		    	</div>
            <div class="bottom02"></div>
                <div class="control-group span12"> 
    	            <label class="control-label">会员等级：</label>
    	            <div class="controls">
    	              <select class="input-normal"> 
    	                <option value="">全店</option>
    	                <option value="1"></option>
    	                <option value="0"></option>
    	              </select>
    	            </div>
    	            <div class="controls">
    	              <select class="input-normal"> 
    	                <option value="">所有等级</option>
    	                <option value="1"></option>
    	                <option value="0"></option>
    	              </select>
    	            </div>
      			</div>
    	        <div class="span3">
    	            <span class="myspanBtn">添加</span>
    	        </div>  
    	       

                <div class="control-group span12">
    	            <label class="control-label">会员标签：</label>
    	            <div class="controls">
    	              <select class="input-normal"> 
    	                <option value="">所有标签</option>
    	                <option value="1"></option>
    	                <option value="0"></option>
    	              </select>
    	            </div>
    	         </div>     
    	         <div class="span3">
    	            <span class="myspanBtn">添加</span>
    	        </div>  

    	        <div class="clear"></div>
    	        <hr/>

     		    	<div class="search-grid-container">
    	      		<div id="grid"></div>
    	  	  	 </div>
        
        </div>

      <div class="row selectrow fileborder">
        <div class="row myheader01">
			    <p>活动商品</p>
		    </div>
	  	  <div class="row row02"> 
            <div class="bottom02"> </div>
                <div class="control-group span4" >
                  <select name="" id="" name="mode">
                    <option value="" selected="selected">所有分类</option>
                    <option value=""></option>
                  </select>
                </div>

                <div class="ontrol-group span4" >
                  <select name="" id="" name="type">
                    <option value="">所有商品</option>
                    <option value=""></option>
                  </select>
                </div>

                <div class="ontrol-group span4" >
                  <input type="text" placeholder="商品编号" />
                </div>
                        
               <div class="span3">
    	            <span class="myspanBtn">添加</span>
    	        </div>  
         
        </div>

		    <hr/>
        <div class="control-group">
            <label class="control-label">商品列表：</label>
            <div class="selectlist" >
              <label for="">待选列表：</label>
              <div class="clear"></div>
              <select id="select1" multiple="multiple" style="height:120px;width: 250px;">
                  <option>选择1号</option>
                  <option>选择2号</option>
                  <option>选择3号</option>
                  <option>选择4号</option>
                  <option>选择5号</option>
              </select>
            </div>
            <div class="selectlist2" id="act0-1">
              <span class="dir_2" id="allright">&gt;&gt;</span>
              <span class="dir_2" id="right">&gt;</span>
              <span class="dir_2" id="allleft">&lt;&lt;</span>             
              <span class="dir_2" id="left">&lt;</span>
            </div>
             <div class="selectlist" >
              <label for="">待选列表：</label>
              <div class="clear"></div>
              <select id="select2" multiple="multiple" style="height:120px;width: 250px;">
                  <option>选择1号</option>
                  <option>选择2号</option>
                  <option>选择3号</option>
                  <option>选择4号</option>
                  <option>选择5号</option>
              </select>
            </div>
          </div>  
        </div>
		
			 <div class="row tablerow">
			     <table class="usertable usertable01" width="948px">   <caption class="memtit memtit2  memtit02">活动条件</caption>   
			        <tbody>
			          <tr>
			            <td>订单总额满（元）</td>
			            <td><input type="text" value="1000"></td>   
			          </tr>
			          <tr>
			            <td>开始时间</td>
			            <td><input type="text" value=""></td>   
			          </tr>
			          <tr>
			            <td>结束时间</td>
			            <td><input type="text" value=""></td>   
			          </tr>
			        </tbody>
			      </table>
			 </div>

			 <div class="row tablerow">
			     <table class="usertable usertable01" width="948px">   <caption class="memtit memtit2 memtit02">活动类型</caption>    
			        <tbody>
			          <tr>
			            <td><input type="radio"/>  折扣</td>
			            <td><input type="text" value="1000"></td>   
			          </tr>
			          <tr>
			            <td><input type="radio" name="actType"/>   满减</td>
			            <td><input type="text" value=""></td>   
			          </tr>
			          <tr>
			            <td><input type="radio" name="actType"/>   包邮</td>
			            <td><input type="text" value=""></td>   
			          </tr>
			          <tr>
			            <td><input type="radio" name="actType"/>   团购（单个商品）</td>
			            <td><a id="groupPurchase" href="#groupPurchase">[设置]</a></td>   
			          </tr>
			          <tr>
			            <td><input type="radio" name="actType"/>   秒杀（单个商品）</td>
			            <td><a id="sniping" href="#sniping">[设置]</a></td>   
			          </tr>
			        </tbody>
			      </table>
			 </div>
    
     <!-- 此部分是团购弹出的提示框 -->
     <div class="bgg" style="display: none"></div>
     <div id="prompt_msg4" class="pop_main" style="width:420px;height:220px;display: none;">
       <div id="prompt_title" class="pop_title">团购设置</div>
          <div class="pop_content clearfix">
              <div class="pop_content01">
                <label for="">限购数量：</label>
                <input type="text">
              </div>
              <div class="pop_content01" id="price01">
                <label for="">价格阶梯：</label>
                  <span>数量达到</span>
                  <input type="text">
                  <span>享受价格</span>
                  <input type="text">
                  <span>【+】</span>
                  <div id="price01_1">
                    <span>数量达到</span>
                    <input type="text">
                    <span>享受价格</span>
                    <input type="text">
                    <span>【-】</span>
                  </div>
            
              </div>
          </div>
       <div class="clearfix twoBtn">
         <div id="dlg-sure4" class="btn_style_1 pop_btn1">确定</div>
         <div id="dlg-close4" class="btn_style_1 pop_btn2">取消</div>
       </div>
    </div><!-- 提示框结束 --> 

      <!-- 此部分是秒杀设置弹出的提示框 -->
     <div id="prompt_msg5" class="pop_main" style="width:280px;height:180px; display: none;">
       <div id="prompt_title" class="pop_title">秒杀设置</div>
          <div class="pop_content clearfix" style="margin-left: 20px;">
              <div class="pop_content01">
                <label for="">限购数量：</label>
                <input type="text">
              </div>
              <div class="pop_content01">
                <label for="">秒杀价格：</label>
                <input type="text">
              </div>
          </div>
       <div class="clearfix twoBtn">
          <div id="dlg-sure5" class="btn_style_1 pop_btn1">确定</div>
          <div id="dlg-close5" class="btn_style_1 pop_btn2">取消</div>
       </div>
    </div><!-- 提示框结束 --> 


        <div class="row fileborder">
          <div class="span3 spanBtn01">
                 <span class="myspanBtn">确定</span>
          </div>
          <div class="span3">
                 <span class="myspanBtn">重置</span>
          </div>   
        </div>
      </form>
  </div>
   <script type="text/javascript" src="../assets/js/jquery-1.8.1.min.js"></script>
  <script type="text/javascript" src="../assets/js/bui-min.js"></script>
  <script type="text/javascript" src="../assets/js/config-min.js"></script>
  <script type="text/javascript" src="../assets/js/myjs.js"></script> 
  <script type="text/javascript">
    BUI.use('common/page');
  </script>

<script type="text/javascript">
  BUI.use('common/search',function (Search) {
    
   
     var editing = new BUI.Grid.Plugins.DialogEditing({
        contentId : 'content', //设置隐藏的Dialog内容
        autoSave : true, //添加数据或者修改数据时，自动保存
        triggerCls : 'btn-edit'
      }),
      columns = [
         
          {title:'排行',dataIndex:'market-4-0',width:200},
          {title:'商品名称',dataIndex:'market-4-1',width:200},
         
          {title:'货号',dataIndex:'market-4-2',width:200},
         
          {title:'收藏量',dataIndex:'market-4-3',width:200}
         
        ],
      store = Search.createStore('../data/goods03.json',{
        proxy : {
          save : { //也可以是一个字符串，那么增删改，都会往那么路径提交数据，同时附加参数saveType
            addUrl : '../data/add.json',
            updateUrl : '../data/edit.json',
            removeUrl : '../data/del.php'
          }/*,
          method : 'POST'*/
        },
        autoSync : true //保存数据后，自动更新
      }),
      gridCfg = Search.createGridCfg(columns,{
        // tbar : {
        //   items : [
        //     {text : '<i class="icon-plus"></i>新建',btnCls : 'button button-small',handler:addFunction},
        //     {text : '<i class="icon-edit"></i>编辑',btnCls : 'button button-small',handler:function(){alert('编辑');}},
        //     {text : '<i class="icon-remove"></i>删除',btnCls : 'button button-small',handler : delFunction}
        //   ]
        // },
        plugins : [editing,BUI.Grid.Plugins.CheckSelection,BUI.Grid.Plugins.AutoFit] // 插件形式引入多选表格
      });

    var  search = new Search({
        store : store,
        gridCfg : gridCfg
      }),
      grid = search.get('grid');

  });
</script>
</body>
</html>  
